<script setup>
import {ref,onMounted} from 'vue'
import Header from './components/Header.vue'
import Footer from './components/Footer.vue'
import {useCounterStore} from './stores/counter'
const head=useCounterStore()
onMounted(() => {
  head.categoryHead()
  head.getbannerList()
  head.getnews()
  head.gethot()
  head.getbrand(limit.value)
  head.getgoodsList()
})
const limit=ref(6)
// 111
</script>

<template>
  
  <!-- 头部 -->
  <Header/>
  
  <!-- 内容区 -->
  <RouterView/>
  <!-- 底部 -->
  <Footer/>
</template>

<style scoped lang="scss">
</style>
